<template>
  <custom-modal
    v-bind="$attrs"
    :title="title"
  >
    <n-form
      :model="model"
      style="width: 100%"
    >
      <n-form-item
        label="起始金额"
        path="inputValue"
      >
        <n-input
          v-model:value="model.inputValue"
          placeholder="请输入起始金额"
        />
      </n-form-item>
      <n-form-item
        label="卡号"
        path="num"
      >
        <n-input
          v-model:value="model.num"
          placeholder="请输入卡号"
        />
      </n-form-item>
      <n-form-item
        label="类型"
        path="date"
      >
        <n-input
          v-model:value="model.type"
          placeholder="请选择类型"
        />
      </n-form-item>
      <n-form-item
        label="默认支付"
        path="primary"
      >
        <n-checkbox v-model:checked="model.primary"> 是 </n-checkbox>
      </n-form-item>
    </n-form>
    <template #footer>
      <n-button size="small">取消</n-button>
      <n-button
        type="primary"
        size="small"
        >确认</n-button
      >
    </template>
  </custom-modal>
</template>

<script lang="ts" setup>
  const model = ref<Record<string, any>>({})
  defineProps<{
    title: string
  }>()
</script>

<style scoped lang="scss"></style>
